<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>天猫</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link href="css/swiper-3.3.1.min.css" rel="stylesheet" type="text/css"/>
		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jd.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--顶部-->
		<div class="top">
			<div class="back" id="back"></div>
			<div class="fixd">
				<div class="iconfont logo">
					&#xe674;
				</div>
				<div class="sh">
					<input type="text" class="inp" placeholder="搜索商品店铺">
				</div>
				<div class="login">
					登陆
				</div>
			</div>
		</div>
		<!--分类栏遮造-->
		<div id="bg">
			<div class="back">
				点击此处返回
				<span></span>
			</div>
		</div>
		<!--分类栏目-->
		<div id="cate">
			<div class="all_cate">全部分类</div>
			<div class="cate_middle">
				<div class="left">
					<ul>
						<li class="active">为你推荐</li>
						<li>国际大牌</li>
						<li>天猫国际</li>
						<li>女装</li>
						<li>女鞋</li>
						<li>男装</li>
						<li>男鞋</li>
						<li>内衣</li>
						<li>母婴</li>
						<li>数码</li>
						<li>家电</li>
						<li>美妆</li>
						<li>箱包</li>
						<li>运动</li>
						<li>户外</li>
					</ul>
				</div>
				<div class="right">
					<ul>
						<li class="active">
							<h2>为你推荐</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>国际大牌</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>天猫国际</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>女装</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>女鞋</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>男装</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>男鞋</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>内衣</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>母婴</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>数码</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>家电</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>美妆</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>箱包</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>运动</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
						<li>
							<h2>户外</h2>
							<div>
								服务器正在跟新中……
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--轮播图-->
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
					<a href=""><img src="img/1.jpg"></a>
				</div>
		        <div class="swiper-slide">
					<a href=""><img src="img/2.jpg"></a>
				</div>
		        <div class="swiper-slide">
					<a href=""><img src="img/3.jpg"></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="img/7.jpg"></a>
				</div>
				<div class="swiper-slide">
					<a href=""><img src="img/8.jpg"></a>
				</div>
		    </div>
			<!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
		</div>
		<script type="text/javascript" src="js/swiper-3.3.1.min.js"></script>
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		    direction: 'horizontal',
			autoplay : 5000,
		    loop: true,
			
			// 如果需要分页器
		    pagination: '.swiper-pagination',
		  })        
		</script>
		<!--广告-->
		<div id="gg">
			<img src="img/gg.webp"/>
		</div>
		<!--菜单栏-->
		<nav>
			<ul class="mui_flex">
				<li>
					<a href="">
						<img src="img/1.webp"/>
						积分乐园
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/2.webp"/>
						充值
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/3.webp"/>
						天猫国际
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/4.webp"/>
						聚划算
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/5.webp"/>
						天猫超市
					</a>
				</li>
			</ul>
			<ul class="mui_flex">
				<li>
					<a href="">
						<img src="img/6.webp"/>
						免费试用
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/7.webp"/>
						宠物
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/8.webp"/>
						粉丝趴
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/9.webp"/>
						领钱了
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/10.webp"/>
						分类
					</a>
				</li>
			</ul>
		</nav>
		<!--必抢title-->
		<div class="title">
			<span class="vline"></span>
			<img src="img/1tb.webp"/>
			<span>必抢</span>
			<span class="vline"></span>
		</div>
		<!--必抢内容-->
		<div id="rush">
			<ul class="rush_middle">
				<li>
					<div class="t">今日必抢</div>
					<img src="img/11.webp"/>
					<span class="price">￥599</span>
					<span class="sale_point">￥4980</span>
				</li>
				<li>
					<div class="t">女神范</div>
					<img src="img/12.webp"/>
					<span class="price">￥599</span>
					<span class="sale_point">￥4980</span>
				</li>
				<li>
					<div class="t">巨超值</div>
					<img src="img/13.webp"/>
					<span class="price">￥599</span>
					<span class="sale_point">￥4980</span>
				</li>
				<li>
					<div class="t">型男咖</div>
					<img src="img/14.webp"/>
					<span class="price">￥599</span>
					<span class="sale_point">￥4980</span>
				</li>
			</ul>
			<ul class="rush_middle">
				<li>
					<div class="t">今日必抢</div>
					<img src="img/15.webp"/>
					<span class="price">￥599</span>
					<span class="sale_point">￥4980</span>
				</li>
				<li>
					<div class="t">女神范</div>
					<img src="img/16.webp"/>
					<span class="price">￥599</span>
					<span class="sale_point">￥4980</span>
				</li>
				<li>
					<div class="t">巨超值</div>
					<img src="img/17.webp"/>
					<span class="price">￥599</span>
					<span class="sale_point">￥4980</span>
				</li>
				<li>
					<div class="t">型男咖</div>
					<img src="img/18.webp"/>
					<span class="price">￥599</span>
					<span class="sale_point">￥4980</span>
				</li>
			</ul>
		</div>
		<!--品牌热卖title-->
		<div class="title title_p">
			<span class="vline"></span>
			<img src="img/2tb.webp"/>
			<span>品牌特卖</span>
			<span class="vline"></span>
		</div>
		<!--品牌热卖内容-->
		<div id="brand">
			<a href=""><img src="img/19.webp"/></a>
			<a href=""><img src="img/20.webp"/></a>
		</div>
		<!--品牌咨询title-->
		<div class="title title_p_1">
			<span class="vline"></span>
			<img src="img/3tb.webp"/>
			<span>品牌咨询</span>
			<span class="vline"></span>
		</div>
		<!--品牌咨询内容-->
		<div id="brand">
			<a href=""><img src="img/21.webp"/></a>
			<a href=""><img src="img/22.webp"/></a>
			<a href=""><img src="img/23.webp"/></a>
		</div>
		<!--广告-->
		<div id="gg">
			<img src="img/28.webp"/>
		</div>
		<!--猜你喜欢-->
		<div class="title title_p_1">
			<span class="vline"></span>
			<span class="like">猜你喜欢</span>
			<span class="vline"></span>
		</div>
		<div id="like">
			<ul class="list">
				<li>
					<img src="img/24.webp"/>
					<span class="item_name">[热销]Apple/苹果 iPhone 7</span>
					<span class="mui_price">
						<i>¥</i>
						<span class="mui_price_integer">6188</span>
						<span class="mui_price_decimal">.0</span>
					</span>
				</li>
				<li>
					<img src="img/25.webp"/>
					<span class="item_name">[热销]百洛安2016秋冬新款纯色毛衣大外套中长款宽松显瘦连帽女针织开衫</span>
					<span class="mui_price">
						<i>¥</i>
						<span class="mui_price_integer">6188</span>
						<span class="mui_price_decimal">.0</span>
					</span>
				</li>
				<li>
					<img src="img/26.webp"/>
					<span class="item_name">[热销]艾潮儿童床带护栏单人小孩实木男孩幼儿女孩公主松木童床拼接床</span>
					<span class="mui_price">
						<i>¥</i>
						<span class="mui_price_integer">6188</span>
						<span class="mui_price_decimal">.0</span>
					</span>
				</li>
				<li>
					<img src="img/27.webp"/>
					<span class="item_name">[热销]CHANODUG正品户外口袋沙发便携式空气懒人快速冲气床充气垫午休床</span>
					<span class="mui_price">
						<i>¥</i>
						<span class="mui_price_integer">6188</span>
						<span class="mui_price_decimal">.0</span>
					</span>
				</li>
			</ul>
		</div>
		<!--底部-->
		<footer>
			<div class="top_f">
				<a href="">登陆</a>
				<a href="">注册</a>
				<a href="">天猫首页</a>
				<a href="">下载客户端</a>
			</div>
			<p>© 2003-2016 Tmall.com 版权所有</p>
		</footer>
	</body>
</html>
